<!--
 * @Description: 在产订单信息
 * @Author: lwx
 * @Date: 2022-06-17 09:20:30
 * @LastEditors: lwx
 * @LastEditTime: 2023-04-12 14:14:06
-->
<template>
  <div class="bcontent">
    <ul>
      <li class="leftrt">订单号</li>
      <li class="rightrt">{{ order.order_no }}</li>
      <li class="leftrt">产品名称</li>
      <li class="rightrt">{{ order.product_name }}</li>
      <li class="leftrt">产品规格</li>
      <li class="rightrt">{{ order.specifications }}</li>
      <li class="leftrt">订单数量</li>
      <li class="rightrt">{{ order.quantity }}</li>
      <li class="leftrt">开始时间</li>
      <li class="rightrt">{{ order.start }}</li>
      <li class="leftrt">订单交期</li>
      <li class="rightrt">{{ order.finish }}</li>
    </ul>
  </div>
</template>

<script>
import { timerMixins } from '@/common/mixins/timerMixins.js'
import { productOrder } from '@/api/dashboard.js'
export default {
  mixins: [timerMixins],
  components: {
  },
  data() {
    return {
      order: []
    }
  },
  methods: {
    async initData() {
      const { data } = await productOrder()
      this.order = data[0]
    }
  }
}

</script>
<style lang='scss' scoped>
.bcontent ul {
  clear: both;
  overflow: hidden;
  height: 98%;
  color: #68d8fe;
}

.bcontent ul,
li {
  padding: 0;
}

.bcontent ul li {
  height: .375rem;
  margin-bottom: .125rem;
  float: left;
  font-size: .24rem
}

.bcontent ul li:nth-child(even) {
  margin-left: 4%;
}

.leftrt {
  width: 26%;
  text-align: right;
  color:#7BA1D2;
}

.rightrt {
  width: 65%;
}</style>